<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Web安全色 - 网页配色</title>
    
 

    <style type="text/css">
    	html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
body,textarea,input,button,select,keygen,legend{font:16px "Microsoft YaHei",Verdana,"宋体",sans-serif;font-weight:normal;color:#666666;outline:0;}
header,footer,section,article,aside,nav,address,figure,figcaption,menu,details{display:block;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 14px;}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
summary{outline:0;}
ul,li{list-style:none;}
img{vertical-align:top;}
a{outline: none;}
a,a:hover{text-decoration:none;cursor:pointer;}
a:link {color:#0066CC;}	
a:visited {color:#3388FF;}
a:hover {color:#0055FF;}
a:active {color:#0055AA;outline:none;}

.wrapper {margin: 0 20px; clear: both;}
.contents {width: 100%; clear: both;}

#headbar {width:100%; min-width:640px; height: 36px; padding: 7px 0; position: fixed; z-index: 2; top:0; text-shadow: 0 1px 0 #FFFFFF; border-bottom: 1px solid #CCEEDD; background-color: #F8F8F8; box-shadow: 0px 1px 2px rgba(204, 238, 221, 0.2); font-size: 18px;}
#logo, #open {float: left;}
#logo {width: 100px; height: 36px; line-height: 36px;}
#logo h1 {font-size: 18px; font-weight: normal; float: right;}
#open {width: 465px; margin-left: 20px; background-color: #1F90DE;}
#open input {border: none;}
#url {width: 360px; height: 24px; margin: 3px; padding:3px; border: none;}
#adapt {width:80px; background-color: #1F90DE; font-size: 16px; color: #FFFFFF; cursor: pointer;}
#more {line-height:36px; font-size: 14px; float: right;}
#more em {padding:15px 8px;}

#index {padding-top: 20px; float: left;}
#banner {margin-top: 50px; position: relative; text-align: center;}
#banner img {width: 100%; height: auto;}
#banner-more {width: 100%; height: 200px; margin-top: -100px; position: absolute; z-index: 1px; top: 50%; right: 0; color: #FCFCFC; background: url(../images/index.png) 0 0 repeat;}
#banner-more h1, #banner-more p {font-weight: 900;}
#banner-more h1 {font-size: 45px;}
#banner-more h1 em {font-size: 80px;}
#banner-more p {font-size: 42px;}
#appreciate li {width: 5.3%; margin: 0.47%; background-color: #FFFFFF; text-align: center; float: left;}
#appreciate li a {display: block; position: relative; }
#appreciate li img {width: 100%; height: auto; }
#appreciate li em {padding: 1px 2px; position: absolute; bottom:0; left: 0; background-color: rgba(30, 30, 30, 0.7); word-break: break-all; color: #FFFFFF; font-size: 12px;}

.list {width: 50%; margin: 10px 0; float: left;}
.list:hover {background-color: #F3F3F3;}
.list h3 {float: left;}
.list div.desc {margin-left: 70px; font-size: 13px; overflow: hidden;}
.list p {line-height: 19px; overflow: hidden;}
.list p.desc-site {line-height: 22px;}
.appreciate {width: 30%; margin-right: 3%;}
.appreciate a.dianzan {height:17px; line-height: 16px; padding-left: 20px; background:url(../images/zan.png) bottom left no-repeat; color: #FF0000; float: right;}
.widgets {width: 50%;}
.bg {width: 100%; background:url(../images/bg.jpg) top center no-repeat #ABB1BA; clear: both; float: left;}
#catalog a {padding:6px 21px; margin: 5px 15px 5px 0; background-color: #FF981D; border-radius: 3px; display: block; float: left; color: #FFFFFF;}
#catalog a.on {background-color: #FF4D00;}

.left {width: 75%; margin-top: 50px; float: left;}
.right {width: 25%; margin-top: 50px; float: right;}

.sidebar {width: 36px; position: absolute; top: 60px; float: left;}
.sidebar ul {position: fixed;}
.sidebar li {width: 16px; margin-bottom: 1px; padding: 20px 10px; background-color: #3BAAF2; word-break: break-all; color: #FFFFFF; cursor: pointer;}
.sidebar li.on {background-color: #3388FF;}

.side {margin-left: 36px; padding-left: 20px;}
.main {padding-right: 20px; overflow: hidden;}
.refer {width:100%; margin-top: 20px; float: left;}
#comment {width:100%; float: left; clear: both; overflow: hidden;}

#navbar {width: 80%; position: absolute; top: 0;}
#navbar a {width: 100%; height:30px; line-height:30px; margin-right: 10px; display: inline-block; background-color: #FF4D00; color: #FFFFFF; text-align: center;}
.title {height: 30px; margin-bottom: 12px; border-bottom: 2px solid #3388FF; color: #3388FF; clear: both;}
.info {width:100%; line-height: 25px; clear: both;}
.info label, .info div {float: left;}
.info label {width: 60px; color: #333333;}
.info p {padding:5px 0;}

.block, .plugs {font-size: 12px; float: left;}
.block div, .plugs div {margin-right: 20px; border-radius: 5px; color: #FFFFFF;}
.block {width: 80px; height: 100px;}
.block p {width: 60px; height: 20px; width: 60px; height: 20px; overflow: hidden;}
.card {width: 60px; height: 60px; line-height: 60px; margin-right: 20px; border-radius: 5px; font-size: 24px; color: #FFFFFF; position: relative; cursor: pointer;}
.card em {width: 48px; height: 20px; line-height: 20px; position: absolute; left: 5px; bottom: 5px; font-size: 14px; overflow: hidden;}
.plugs {width: 160px; height: 100px;}
.single, .double {width: 140px; height: 60px; padding: 10px 0; position: relative; overflow: hidden;}
.single {line-height: 60px; background-color: #FF4D00; font-size: 18px;}
.double {line-height: 30px; background-color: #3BAAF2; font-size: 16px;}
.plugs p {padding: 0 10px;}
.open {width: 22px; height: 22px; position: absolute; top: 5px; right: 5px; display: block; background: url(../images/open.png) 0 0 no-repeat;}
.error {text-align: center; font-size: 18px; padding: 30px 0;}

.row-1-6 {width: 16%; height: 100px; float: left;}
.row-1-6 div {width: 80%; height: 60px; border-radius: 5px; color:}
.row-1-4 {width: 25%; height: 120px; float: left;}
.row-1-4 div {width: 80%; height: 80px; border-radius: 5px; color:}

.site {width:100%; margin-top: 20px; clear: both;}
.site h5 {border-bottom:1px solid #3BAAF2;}
.site h5 a {float: right;}
.site span {width: 105px; height: 25px; line-height: 25px; padding-left: 5px; background-color: #3BAAF2; color: #FFFFFF; display: inline-block;}
.site p {line-height: 30px; margin-bottom: 10px; padding: 5px 10px;}
.favicon {vertical-align: middle; margin-right: 10px;}

.tagscloud {width: 100%; padding:10px 0; clear: both;}
.tagscloud a {width: 98px; height: 25px; line-height: 25px; display: inline-block;}

.color {padding-top: 10px;}
.color dl {width: 25%; min-width: 60px; height: 90px; float: left;}
.color dt {width: 60px; height: 20px;}
.color dd {width: 60px; height: 60px; border-radius: 5px;}

.urlist {padding: 0 10px; border-radius: 5px;}
.urlist:hover {border: 1px solid #FF9966; background-color: #F3F3F3;}
.urlist h3 {padding: 10px 0;}
.urlist h3 em {color: #999999; float: right;}
.urlist p {line-height: 25px; padding:5px 0; font-size: 14px; color: #333333; text-indent: 28px;}
.urlist em {padding: 1px 6px; margin-right: 5px; display: inline-block; border:1px solid #DEDEDE; border-radius: 12px; background-color: #EFEFEF; color: #666666; font-size: 12px;}

.pluglist {width:100%; margin-bottom: 10px; border-radius: 6px; float: left; clear: both;}
.pluglist:hover {border: 1px solid #FF9966; background-color: #F3F3F3;}
.pluglist h3.tags {width: 160px; height: 50px; line-height: 50px; padding: 10px 0; background-color: #FF9966; border-radius: 5px; text-align: center; float: left;}
.pluglist h3.tags a {width: 150px; height: 50px; display: block; color: #FFFFFF;}
.pluglist p.desc {height: 50px; line-height: 25px; margin-left: 180px; padding:5px 0; font-size: 14px; color: #666666; text-indent: 28px; text-indent: 0; overflow: hidden;}
.pluglist p.desc a {color: #333333;}

.moreinfo {padding: 0 10px;}
.moreinfo h3 {padding: 10px 0;}
.moreinfo p {line-height: 25px; padding:5px 0; font-size: 14px; color: #666666; text-indent: 28px;}

#forplugs {width: 200px; float: right;}
#forplugs input {vertical-align: middle;}
#plugs-name {width: 120px; height: 21px; line-height: 21px; padding: 1px 3px; border: 1px solid #999999; }
#plugs-query {width: 60px; height: 25px; line-height: 25px; border: none; background-color: #999999; font-size: 14px; color: #FFFFFF; cursor: pointer;}

.paging{width:100%; padding: 10px 0; line-height: 26px; font-size: 12px; text-align: center; float: left; overflow: hidden;}
.paging a{height: 26px; margin: 2px 2px 2px 6px; padding: 4px 8px; border: 1px solid #CECECE; background-color: #F8F8F8; display: inline;}
.paging strong{margin-left: 4px; padding: 6px 10px; background-color: #5588BB; color: #FFFFFF; font-weight: bold;}

#cards {width: 450px; height: 600px; margin-top:-300px; margin-left:-225px; position: fixed; top:50%; left: 50%; z-index: 999; -webkit-box-shadow: 0 0 8px #CCC; -moz-box-shadow: 0 0 8px #CCC;  box-shadow: 0 0 8px #CCC; text-align: center; display: none;}
#cards h1 {margin-top:200px; font-size: 60px; font-weight: bold;}
#cards h3 {margin-top:150px; font-size: 20px;}
#cards h5 {width:180px; margin:10px auto 0; font-size: 18px;}
#cards p {margin-top:10px; font-size: 16px;}
#ctrl {width: 36px; height: 108px; position: absolute; top:0; right:-36px; background: url(../images/ctrl.png) 0 0 no-repeat #000000; display: none;}
#ctrl em {width:35px; height:35px; display: block; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; cursor: pointer;}
#overlay {width:100%; height:100%; position: fixed; top: 0; left: 0; z-index: 800; display: none;}

#color {padding:10px 0; height: 130px;}
#color div {width: 30%; height: 60px; line-height: 60px; margin-right: 3%; margin-bottom: 10px; text-align: center; float: left;}
#color-safe {background-color: #5AB770;}
#color-metro {background-color: #FF9966;}
#color-china {background-color: #FF0000;}
#color-cdn {background-color: #FF981D;}
#color-kuaiqie {width: 63% !important; background-color: #56C5FF;}
#color-widgets {width: 63% !important; background-color: #78BA00;}
#color-appreciate {background-color: #E064B7;}
#color a {color: #FFFFFF;}

.kuaiqie {background-color: #FF4D00; text-align: center;}
.kuaiqie img {width: 100%; height: auto; max-width: 320px;}

.newly {padding: 10px 0;}
.newly li {line-height: 25px; padding: 5px 0; font-size: 14px; overflow: hidden;}
.newly em {font-size: 12px; color: #999999; float: right;}

#load {padding: 20px 0 10px;}
#reproduce, #discovery {border-radius: 5px;}
#reproduce {width:666px; padding:16px; margin: 0 auto; background-color: rgba(0, 0, 0, 0.2);}
#reproduce input {border:none;}
#gourl {width:580px; height: 32px; line-height: 32px; padding:2px; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 1px 2px 0px rgba(4, 0, 0, 0.15);}
#adaptme {width:80px; height:36px; background-color: #3388FF; box-shadow: 0px 1px 2px 0px rgba(4, 0, 0, 0.15); color: #FFFFFF; cursor: pointer;}

#footer {width:100%; margin-top: 10px; padding: 10px 0; border-top: 1px solid #CCEEDD; font-size: 14px; float: left;}
#footer.index {margin-top: 0; border: none;}
#footnav {text-align: center;}
#footnav em {padding: 0 5px;}
#copyright {margin-top: 10px; color: #999999; text-align: center;}
#scrollTop {width:50px; height:50px; position:fixed; right:30px; bottom:60px; background:url(../images/top.png) 9px 9px no-repeat rgba(0, 0, 0, 0.3); border-radius: 3px; text-align:center; color:#fff; cursor:pointer;}
#scrollTop:hover {background-color: rgba(0, 0, 0, 0.6);}

#preview {width: 160px; margin-left: 10px; padding: 6px 0; float: left;}
#preview a {width:24px; height: 24px; display: inline-block; background: url(../images/preview.png) 0 0 no-repeat #EAEAEA; border-radius: 3px; cursor: pointer;}
#pc.on, #pc:hover {background-position: 0 -24px; background-color: #666666;}
#pad-y {background-position: -24px 0!important;}
#pad-y.on, #pad-y:hover {background-position: -24px -24px!important;; background-color: #666666;}
#pad-x {background-position:  -48px 0!important;}
#pad-x.on, #pad-x:hover {background-position: -48px -24px!important;; background-color: #666666;}
#phone-y {background-position: -72px 0!important;}
#phone-y.on, #phone-y:hover {background-position: -72px -24px!important;; background-color: #666666;}
#phone-x {background-position: -96px 0!important;}
#phone-x.on, #phone-x:hover {background-position: -96px -24px!important;; background-color: #666666;}

.preview {width:100%; margin-top: 51px; float: left;}
.multi-view {background: url(../images/multi.png) 0 0 no-repeat;}
.pc-bg {background: none;}
.pad-y-bg {width: 785px; height: 960px; margin: 30px auto; padding: 175px 100px 114px;}
.pad-x-bg {width: 1041px; height: 703px; margin: 30px auto; padding: 165px 115px 100px 100px; background-position: 0 -1249px;}
.phone-y-bg {width: 337px; height: 417px; margin: 30px auto; padding: 125px 25px 159px; background-position: 0 -2217px;}
.phone-x-bg {width: 497px; height: 256px; margin: 30px auto; padding: 45px 115px 69px 105px; background-position: -387px -2217px;}
.pad-y-bg iframe {height: 960px!important;}
.pad-x-bg iframe {height: 704px!important;}
.phone-y-bg iframe {height: 416px!important;}
.phone-x-bg iframe {height: 256px!important;}

.bdsharebuttonbox {padding: 10px 0;}

@media screen and (max-width : 1024px) {
    .wrapper {margin: 0 10px;}
    #open {width: 355px;}
    #url {width: 250px;}
    #more em {padding: 15px 3px;}
}

@media screen and (max-width : 728px) {
    #more {display: none;}
    #banner-more {height: 160px; margin-top: -80px;}
    #banner-more h1 {font-size: 36px;}
    #banner-more h1 em {font-size: 60px;}
    #banner-more p {font-size: 36px;}

    #appreciate li {width: 5.3%; height: auto; margin: 0.47%; background-color: #FFFFFF; text-align: center; float: left;}
    #appreciate li img {width: 100%; height: auto;}
}

@media screen and (max-width : 640px) {
    #more {display: none;}
    #banner-more {height: 120px; margin-top: -60px;}
    #banner-more h1 {font-size: 28px;}
    #banner-more h1 em {font-size: 36px;}
    #banner-more p {font-size: 28px;}

    #appreciate li {width: 5.3%; height: auto; margin: 0.47%; background-color: #FFFFFF; text-align: center; float: left;}
    #appreciate li img {width: 100%; height: auto;}
}
    </style>
</head>
<body>

<div class="wrapper">
  <div class="left">
    <div class="main">
      <!--Background color-->
      <div class="refer">
<h2 class="title">216 Web安全色：</h2>
        <div class="block row-1-6">
          <div class="card" style="background-color: #000000"></div>
          <p class="clipboard">#000000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #000033"></div>
          <p class="clipboard">#000033</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #000066"></div>
          <p class="clipboard">#000066</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #000099"></div>
          <p class="clipboard">#000099</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #0000CC"></div>
          <p class="clipboard">#0000CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #0000FF"></div>
          <p class="clipboard">#0000FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #003300"></div>
          <p class="clipboard">#003300</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #003333"></div>
          <p class="clipboard">#003333</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #003366"></div>
          <p class="clipboard">#003366</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #003399"></div>
          <p class="clipboard">#003399</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #0033CC"></div>
          <p class="clipboard">#0033CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #0033FF"></div>
          <p class="clipboard">#0033FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #006600"></div>
          <p class="clipboard">#006600</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #006633"></div>
          <p class="clipboard">#006633</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #006666"></div>
          <p class="clipboard">#006666</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #006699"></div>
          <p class="clipboard">#006699</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #0066CC"></div>
          <p class="clipboard">#0066CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #0066FF"></div>
          <p class="clipboard">#0066FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #009900"></div>
          <p class="clipboard">#009900</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #009933"></div>
          <p class="clipboard">#009933</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #009966"></div>
          <p class="clipboard">#009966</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #009999"></div>
          <p class="clipboard">#009999</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #0099CC"></div>
          <p class="clipboard">#0099CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #0099FF"></div>
          <p class="clipboard">#0099FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00CC00"></div>
          <p class="clipboard">#00CC00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00CC33"></div>
          <p class="clipboard">#00CC33</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00CC66"></div>
          <p class="clipboard">#00CC66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00CC99"></div>
          <p class="clipboard">#00CC99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00CCCC"></div>
          <p class="clipboard">#00CCCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00CCFF"></div>
          <p class="clipboard">#00CCFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00FF00"></div>
          <p class="clipboard">#00FF00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00FF33"></div>
          <p class="clipboard">#00FF33</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00FF66"></div>
          <p class="clipboard">#00FF66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00FF99"></div>
          <p class="clipboard">#00FF99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00FFCC"></div>
          <p class="clipboard">#00FFCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00FFFF"></div>
          <p class="clipboard">#00FFFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #330000"></div>
          <p class="clipboard">#330000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #330033"></div>
          <p class="clipboard">#330033</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #330066"></div>
          <p class="clipboard">#330066</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #330099"></div>
          <p class="clipboard">#330099</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #3300CC"></div>
          <p class="clipboard">#3300CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #3300FF"></div>
          <p class="clipboard">#3300FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #333300"></div>
          <p class="clipboard">#333300</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #333333"></div>
          <p class="clipboard">#333333</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #333366"></div>
          <p class="clipboard">#333366</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #333399"></div>
          <p class="clipboard">#333399</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #3333CC"></div>
          <p class="clipboard">#3333CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #3333FF"></div>
          <p class="clipboard">#3333FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #336600"></div>
          <p class="clipboard">#336600</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #336633"></div>
          <p class="clipboard">#336633</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #336666"></div>
          <p class="clipboard">#336666</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #336699"></div>
          <p class="clipboard">#336699</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #3366CC"></div>
          <p class="clipboard">#3366CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #3366FF"></div>
          <p class="clipboard">#3366FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #339900"></div>
          <p class="clipboard">#339900</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #339933"></div>
          <p class="clipboard">#339933</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #339966"></div>
          <p class="clipboard">#339966</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #339999"></div>
          <p class="clipboard">#339999</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #3399CC"></div>
          <p class="clipboard">#3399CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #3399FF"></div>
          <p class="clipboard">#3399FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #33CC00"></div>
          <p class="clipboard">#33CC00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #33CC33"></div>
          <p class="clipboard">#33CC33</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #33CC66"></div>
          <p class="clipboard">#33CC66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #33CC99"></div>
          <p class="clipboard">#33CC99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #33CCCC"></div>
          <p class="clipboard">#33CCCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #33CCFF"></div>
          <p class="clipboard">#33CCFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #33FF00"></div>
          <p class="clipboard">#33FF00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #33FF33"></div>
          <p class="clipboard">#33FF33</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #33FF66"></div>
          <p class="clipboard">#33FF66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #33FF99"></div>
          <p class="clipboard">#33FF99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #33FFCC"></div>
          <p class="clipboard">#33FFCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #33FFFF"></div>
          <p class="clipboard">#33FFFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #660000"></div>
          <p class="clipboard">#660000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #660033"></div>
          <p class="clipboard">#660033</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #660066"></div>
          <p class="clipboard">#660066</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #660099"></div>
          <p class="clipboard">#660099</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #6600CC"></div>
          <p class="clipboard">#6600CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #6600FF"></div>
          <p class="clipboard">#6600FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #663300"></div>
          <p class="clipboard">#663300</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #663333"></div>
          <p class="clipboard">#663333</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #663366"></div>
          <p class="clipboard">#663366</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #663399"></div>
          <p class="clipboard">#663399</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #6633CC"></div>
          <p class="clipboard">#6633CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #6633FF"></div>
          <p class="clipboard">#6633FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #666600"></div>
          <p class="clipboard">#666600</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #666633"></div>
          <p class="clipboard">#666633</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #666666"></div>
          <p class="clipboard">#666666</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #666699"></div>
          <p class="clipboard">#666699</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #6666CC"></div>
          <p class="clipboard">#6666CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #6666FF"></div>
          <p class="clipboard">#6666FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #669900"></div>
          <p class="clipboard">#669900</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #669933"></div>
          <p class="clipboard">#669933</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #669966"></div>
          <p class="clipboard">#669966</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #669999"></div>
          <p class="clipboard">#669999</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #6699CC"></div>
          <p class="clipboard">#6699CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #6699FF"></div>
          <p class="clipboard">#6699FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66CC00"></div>
          <p class="clipboard">#66CC00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66CC33"></div>
          <p class="clipboard">#66CC33</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66CC66"></div>
          <p class="clipboard">#66CC66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66CC99"></div>
          <p class="clipboard">#66CC99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66CCCC"></div>
          <p class="clipboard">#66CCCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66CCFF"></div>
          <p class="clipboard">#66CCFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66FF00"></div>
          <p class="clipboard">#66FF00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66FF33"></div>
          <p class="clipboard">#66FF33</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66FF66"></div>
          <p class="clipboard">#66FF66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66FF99"></div>
          <p class="clipboard">#66FF99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66FFCC"></div>
          <p class="clipboard">#66FFCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66FFFF"></div>
          <p class="clipboard">#66FFFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #990000"></div>
          <p class="clipboard">#990000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #990033"></div>
          <p class="clipboard">#990033</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #990066"></div>
          <p class="clipboard">#990066</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #990099"></div>
          <p class="clipboard">#990099</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #9900CC"></div>
          <p class="clipboard">#9900CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #9900FF"></div>
          <p class="clipboard">#9900FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #993300"></div>
          <p class="clipboard">#993300</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #993333"></div>
          <p class="clipboard">#993333</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #993366"></div>
          <p class="clipboard">#993366</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #993399"></div>
          <p class="clipboard">#993399</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #9933CC"></div>
          <p class="clipboard">#9933CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #9933FF"></div>
          <p class="clipboard">#9933FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #996600"></div>
          <p class="clipboard">#996600</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #996633"></div>
          <p class="clipboard">#996633</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #996666"></div>
          <p class="clipboard">#996666</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #996699"></div>
          <p class="clipboard">#996699</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #9966CC"></div>
          <p class="clipboard">#9966CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #9966FF"></div>
          <p class="clipboard">#9966FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #999900"></div>
          <p class="clipboard">#999900</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #999933"></div>
          <p class="clipboard">#999933</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #999966"></div>
          <p class="clipboard">#999966</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #999999"></div>
          <p class="clipboard">#999999</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #9999CC"></div>
          <p class="clipboard">#9999CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #9999FF"></div>
          <p class="clipboard">#9999FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99CC00"></div>
          <p class="clipboard">#99CC00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99CC33"></div>
          <p class="clipboard">#99CC33</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99CC66"></div>
          <p class="clipboard">#99CC66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99CC99"></div>
          <p class="clipboard">#99CC99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99CCCC"></div>
          <p class="clipboard">#99CCCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99CCFF"></div>
          <p class="clipboard">#99CCFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99FF00"></div>
          <p class="clipboard">#99FF00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99FF33"></div>
          <p class="clipboard">#99FF33</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99FF66"></div>
          <p class="clipboard">#99FF66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99FF99"></div>
          <p class="clipboard">#99FF99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99FFCC"></div>
          <p class="clipboard">#99FFCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99FFFF"></div>
          <p class="clipboard">#99FFFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC0000"></div>
          <p class="clipboard">#CC0000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC0033"></div>
          <p class="clipboard">#CC0033</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC0066"></div>
          <p class="clipboard">#CC0066</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC0099"></div>
          <p class="clipboard">#CC0099</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC00CC"></div>
          <p class="clipboard">#CC00CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC00FF"></div>
          <p class="clipboard">#CC00FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC3300"></div>
          <p class="clipboard">#CC3300</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC3333"></div>
          <p class="clipboard">#CC3333</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC3366"></div>
          <p class="clipboard">#CC3366</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC3399"></div>
          <p class="clipboard">#CC3399</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC33CC"></div>
          <p class="clipboard">#CC33CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC33FF"></div>
          <p class="clipboard">#CC33FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC6600"></div>
          <p class="clipboard">#CC6600</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC6633"></div>
          <p class="clipboard">#CC6633</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC6666"></div>
          <p class="clipboard">#CC6666</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC6699"></div>
          <p class="clipboard">#CC6699</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC66CC"></div>
          <p class="clipboard">#CC66CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC66FF"></div>
          <p class="clipboard">#CC66FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC9900"></div>
          <p class="clipboard">#CC9900</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC9933"></div>
          <p class="clipboard">#CC9933</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC9966"></div>
          <p class="clipboard">#CC9966</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC9999"></div>
          <p class="clipboard">#CC9999</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC99CC"></div>
          <p class="clipboard">#CC99CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC99FF"></div>
          <p class="clipboard">#CC99FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCCC00"></div>
          <p class="clipboard">#CCCC00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCCC33"></div>
          <p class="clipboard">#CCCC33</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCCC66"></div>
          <p class="clipboard">#CCCC66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCCC99"></div>
          <p class="clipboard">#CCCC99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCCCCC"></div>
          <p class="clipboard">#CCCCCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCCCFF"></div>
          <p class="clipboard">#CCCCFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCFF00"></div>
          <p class="clipboard">#CCFF00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCFF33"></div>
          <p class="clipboard">#CCFF33</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCFF66"></div>
          <p class="clipboard">#CCFF66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCFF99"></div>
          <p class="clipboard">#CCFF99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCFFCC"></div>
          <p class="clipboard">#CCFFCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCFFFF"></div>
          <p class="clipboard">#CCFFFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF0000"></div>
          <p class="clipboard">#FF0000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF0033"></div>
          <p class="clipboard">#FF0033</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF0066"></div>
          <p class="clipboard">#FF0066</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF0099"></div>
          <p class="clipboard">#FF0099</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF00CC"></div>
          <p class="clipboard">#FF00CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF00FF"></div>
          <p class="clipboard">#FF00FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF3300"></div>
          <p class="clipboard">#FF3300</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF3333"></div>
          <p class="clipboard">#FF3333</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF3366"></div>
          <p class="clipboard">#FF3366</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF3399"></div>
          <p class="clipboard">#FF3399</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF33CC"></div>
          <p class="clipboard">#FF33CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF33FF"></div>
          <p class="clipboard">#FF33FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF6600"></div>
          <p class="clipboard">#FF6600</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF6633"></div>
          <p class="clipboard">#FF6633</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF6666"></div>
          <p class="clipboard">#FF6666</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF6699"></div>
          <p class="clipboard">#FF6699</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF66CC"></div>
          <p class="clipboard">#FF66CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF66FF"></div>
          <p class="clipboard">#FF66FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF9900"></div>
          <p class="clipboard">#FF9900</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF9933"></div>
          <p class="clipboard">#FF9933</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF9966"></div>
          <p class="clipboard">#FF9966</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF9999"></div>
          <p class="clipboard">#FF9999</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF99CC"></div>
          <p class="clipboard">#FF99CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF99FF"></div>
          <p class="clipboard">#FF99FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFCC00"></div>
          <p class="clipboard">#FFCC00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFCC33"></div>
          <p class="clipboard">#FFCC33</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFCC66"></div>
          <p class="clipboard">#FFCC66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFCC99"></div>
          <p class="clipboard">#FFCC99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFCCCC"></div>
          <p class="clipboard">#FFCCCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFCCFF"></div>
          <p class="clipboard">#FFCCFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFFF00"></div>
          <p class="clipboard">#FFFF00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFFF33"></div>
          <p class="clipboard">#FFFF33</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFFF66"></div>
          <p class="clipboard">#FFFF66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFFF99"></div>
          <p class="clipboard">#FFFF99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFFFCC"></div>
          <p class="clipboard">#FFFFCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFFFFF"></div>
          <p class="clipboard">#FFFFFF</p>
        </div>
      </div>
      <div class="refer">
        <h2 class="title">绿色Greens / 蓝色Blues：</h2>
        <div class="block row-1-6">
          <div class="card" style="background-color: #000000"></div>
          <p class="clipboard">#000000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #000033"></div>
          <p class="clipboard">#000033</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #000066"></div>
          <p class="clipboard">#000066</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #000099"></div>
          <p class="clipboard">#000099</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #0000CC"></div>
          <p class="clipboard">#0000CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #0000FF"></div>
          <p class="clipboard">#0000FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #003300"></div>
          <p class="clipboard">#003300</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #003333"></div>
          <p class="clipboard">#003333</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #003366"></div>
          <p class="clipboard">#003366</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #003399"></div>
          <p class="clipboard">#003399</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #0033CC"></div>
          <p class="clipboard">#0033CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #0033FF"></div>
          <p class="clipboard">#0033FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #006600"></div>
          <p class="clipboard">#006600</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #006633"></div>
          <p class="clipboard">#006633</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #006666"></div>
          <p class="clipboard">#006666</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #006699"></div>
          <p class="clipboard">#006699</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #0066CC"></div>
          <p class="clipboard">#0066CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #0066FF"></div>
          <p class="clipboard">#0066FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #009900"></div>
          <p class="clipboard">#009900</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #009933"></div>
          <p class="clipboard">#009933</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #009966"></div>
          <p class="clipboard">#009966</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #009999"></div>
          <p class="clipboard">#009999</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #0099CC"></div>
          <p class="clipboard">#0099CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #0099FF"></div>
          <p class="clipboard">#0099FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00CC00"></div>
          <p class="clipboard">#00CC00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00CC33"></div>
          <p class="clipboard">#00CC33</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00CC66"></div>
          <p class="clipboard">#00CC66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00CC99"></div>
          <p class="clipboard">#00CC99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00CCCC"></div>
          <p class="clipboard">#00CCCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00CCFF"></div>
          <p class="clipboard">#00CCFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00FF00"></div>
          <p class="clipboard">#00FF00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00FF33"></div>
          <p class="clipboard">#00FF33</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00FF66"></div>
          <p class="clipboard">#00FF66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00FF99"></div>
          <p class="clipboard">#00FF99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00FFCC"></div>
          <p class="clipboard">#00FFCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00FFFF"></div>
          <p class="clipboard">#00FFFF</p>
        </div>
      </div>
      <div class="refer">
        <h2 class="title">红色Reds / 蓝色Blues:</h2>
        <div class="block row-1-6">
          <div class="card" style="background-color: #000000"></div>
          <p class="clipboard">#000000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #000033"></div>
          <p class="clipboard">#000033</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #000066"></div>
          <p class="clipboard">#000066</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #000099"></div>
          <p class="clipboard">#000099</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #0000CC"></div>
          <p class="clipboard">#0000CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #0000FF"></div>
          <p class="clipboard">#0000FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #330000"></div>
          <p class="clipboard">#330000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #330033"></div>
          <p class="clipboard">#330033</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #330066"></div>
          <p class="clipboard">#330066</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #330099"></div>
          <p class="clipboard">#330099</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #3300CC"></div>
          <p class="clipboard">#3300CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #3300FF"></div>
          <p class="clipboard">#3300FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #660000"></div>
          <p class="clipboard">#660000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #660033"></div>
          <p class="clipboard">#660033</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #660066"></div>
          <p class="clipboard">#660066</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #660099"></div>
          <p class="clipboard">#660099</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #6600CC"></div>
          <p class="clipboard">#6600CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #6600FF"></div>
          <p class="clipboard">#6600FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #990000"></div>
          <p class="clipboard">#990000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #990033"></div>
          <p class="clipboard">#990033</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #990066"></div>
          <p class="clipboard">#990066</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #990099"></div>
          <p class="clipboard">#990099</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #9900CC"></div>
          <p class="clipboard">#9900CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #9900FF"></div>
          <p class="clipboard">#9900FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC0000"></div>
          <p class="clipboard">#CC0000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC0033"></div>
          <p class="clipboard">#CC0033</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC0066"></div>
          <p class="clipboard">#CC0066</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC0099"></div>
          <p class="clipboard">#CC0099</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC00CC"></div>
          <p class="clipboard">#CC00CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC00FF"></div>
          <p class="clipboard">#CC00FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF0000"></div>
          <p class="clipboard">#FF0000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF0033"></div>
          <p class="clipboard">#FF0033</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF0066"></div>
          <p class="clipboard">#FF0066</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF0099"></div>
          <p class="clipboard">#FF0099</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF00CC"></div>
          <p class="clipboard">#FF00CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF00FF"></div>
          <p class="clipboard">#FF00FF</p>
        </div>
      </div>
      <div class="refer">
        <h2 class="title">红色Reds / 绿色Greens:</h2>
        <div class="block row-1-6">
          <div class="card" style="background-color: #000000"></div>
          <p class="clipboard">#000000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #003300"></div>
          <p class="clipboard">#003300</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #006600"></div>
          <p class="clipboard">#006600</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #009900"></div>
          <p class="clipboard">#009900</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00CC00"></div>
          <p class="clipboard">#00CC00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #00FF00"></div>
          <p class="clipboard">#00FF00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #330000"></div>
          <p class="clipboard">#330000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #333300"></div>
          <p class="clipboard">#333300</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #336600"></div>
          <p class="clipboard">#336600</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #339900"></div>
          <p class="clipboard">#339900</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #33CC00"></div>
          <p class="clipboard">#33CC00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #33FF00"></div>
          <p class="clipboard">#33FF00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #660000"></div>
          <p class="clipboard">#660000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #663300"></div>
          <p class="clipboard">#663300</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #666600"></div>
          <p class="clipboard">#666600</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #669900"></div>
          <p class="clipboard">#669900</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66CC00"></div>
          <p class="clipboard">#66CC00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66FF00"></div>
          <p class="clipboard">#66FF00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #990000"></div>
          <p class="clipboard">#990000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #993300"></div>
          <p class="clipboard">#993300</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #996600"></div>
          <p class="clipboard">#996600</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #999900"></div>
          <p class="clipboard">#999900</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99CC00"></div>
          <p class="clipboard">#99CC00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99FF00"></div>
          <p class="clipboard">#99FF00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC0000"></div>
          <p class="clipboard">#CC0000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC3300"></div>
          <p class="clipboard">#CC3300</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC6600"></div>
          <p class="clipboard">#CC6600</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC9900"></div>
          <p class="clipboard">#CC9900</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCCC00"></div>
          <p class="clipboard">#CCCC00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCFF00"></div>
          <p class="clipboard">#CCFF00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF0000"></div>
          <p class="clipboard">#FF0000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF3300"></div>
          <p class="clipboard">#FF3300</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF6600"></div>
          <p class="clipboard">#FF6600</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF9900"></div>
          <p class="clipboard">#FF9900</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFCC00"></div>
          <p class="clipboard">#FFCC00</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFFF00"></div>
          <p class="clipboard">#FFFF00</p>
        </div>
      </div>
      <div class="refer">
        <h2 class="title">灰色Greys:</h2>
        <div class="block row-1-6">
          <div class="card" style="background-color: #000000"></div>
          <p class="clipboard">#000000</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #111111"></div>
          <p class="clipboard">#111111</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #222222"></div>
          <p class="clipboard">#222222</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #333333"></div>
          <p class="clipboard">#333333</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #444444"></div>
          <p class="clipboard">#444444</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #555555"></div>
          <p class="clipboard">#555555</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #666666"></div>
          <p class="clipboard">#666666</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #777777"></div>
          <p class="clipboard">#777777</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #888888"></div>
          <p class="clipboard">#888888</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #999999"></div>
          <p class="clipboard">#999999</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #AAAAAA"></div>
          <p class="clipboard">#AAAAAA</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #BBBBBB"></div>
          <p class="clipboard">#BBBBBB</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCCCCC"></div>
          <p class="clipboard">#CCCCCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #DDDDDD"></div>
          <p class="clipboard">#DDDDDD</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #EEEEEE"></div>
          <p class="clipboard">#EEEEEE</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFFFFF"></div>
          <p class="clipboard">#FFFFFF</p>
        </div>
      </div>
      <div class="refer">
        <h2 class="title">Earth Tones:</h2>
        <div class="block row-1-4">
          <div class="card" style="background-color: #333333"></div>
          <p class="clipboard">#333333</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #333366"></div>
          <p class="clipboard">#333366</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #333399"></div>
          <p class="clipboard">#333399</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #3333CC"></div>
          <p class="clipboard">#3333CC</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #336633"></div>
          <p class="clipboard">#336633</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #336666"></div>
          <p class="clipboard">#336666</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #336699"></div>
          <p class="clipboard">#336699</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #3366CC"></div>
          <p class="clipboard">#3366CC</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #339933"></div>
          <p class="clipboard">#339933</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #339966"></div>
          <p class="clipboard">#339966</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #339999"></div>
          <p class="clipboard">#339999</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #3399CC"></div>
          <p class="clipboard">#3399CC</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #33CC33"></div>
          <p class="clipboard">#33CC33</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #33CC66"></div>
          <p class="clipboard">#33CC66</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #33CC99"></div>
          <p class="clipboard">#33CC99</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #33CCCC"></div>
          <p class="clipboard">#33CCCC</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #663333"></div>
          <p class="clipboard">#663333</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #663366"></div>
          <p class="clipboard">#663366</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #663399"></div>
          <p class="clipboard">#663399</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #6633CC"></div>
          <p class="clipboard">#6633CC</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #666633"></div>
          <p class="clipboard">#666633</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #666666"></div>
          <p class="clipboard">#666666</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #666699"></div>
          <p class="clipboard">#666699</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #6666CC"></div>
          <p class="clipboard">#6666CC</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #669933"></div>
          <p class="clipboard">#669933</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #669966"></div>
          <p class="clipboard">#669966</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #669999"></div>
          <p class="clipboard">#669999</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #6699CC"></div>
          <p class="clipboard">#6699CC</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #66CC33"></div>
          <p class="clipboard">#66CC33</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #66CC66"></div>
          <p class="clipboard">#66CC66</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #66CC99"></div>
          <p class="clipboard">#66CC99</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #66CCCC"></div>
          <p class="clipboard">#66CCCC</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #993333"></div>
          <p class="clipboard">#993333</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #993366"></div>
          <p class="clipboard">#993366</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #993399"></div>
          <p class="clipboard">#993399</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #9933CC"></div>
          <p class="clipboard">#9933CC</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #996633"></div>
          <p class="clipboard">#996633</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #996666"></div>
          <p class="clipboard">#996666</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #996699"></div>
          <p class="clipboard">#996699</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #9966CC"></div>
          <p class="clipboard">#9966CC</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #999933"></div>
          <p class="clipboard">#999933</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #999966"></div>
          <p class="clipboard">#999966</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #999999"></div>
          <p class="clipboard">#999999</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #9999CC"></div>
          <p class="clipboard">#9999CC</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #99CC33"></div>
          <p class="clipboard">#99CC33</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #99CC66"></div>
          <p class="clipboard">#99CC66</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #99CC99"></div>
          <p class="clipboard">#99CC99</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #99CCCC"></div>
          <p class="clipboard">#99CCCC</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #CC3333"></div>
          <p class="clipboard">#CC3333</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #CC3366"></div>
          <p class="clipboard">#CC3366</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #CC3399"></div>
          <p class="clipboard">#CC3399</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #CC33CC"></div>
          <p class="clipboard">#CC33CC</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #CC6633"></div>
          <p class="clipboard">#CC6633</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #CC6666"></div>
          <p class="clipboard">#CC6666</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #CC6699"></div>
          <p class="clipboard">#CC6699</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #CC66CC"></div>
          <p class="clipboard">#CC66CC</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #CC9933"></div>
          <p class="clipboard">#CC9933</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #CC9966"></div>
          <p class="clipboard">#CC9966</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #CC9999"></div>
          <p class="clipboard">#CC9999</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #CC99CC"></div>
          <p class="clipboard">#CC99CC</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #CCCC33"></div>
          <p class="clipboard">#CCCC33</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #CCCC66"></div>
          <p class="clipboard">#CCCC66</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #CCCC99"></div>
          <p class="clipboard">#CCCC99</p>
        </div>
        <div class="block row-1-4">
          <div class="card" style="background-color: #CCCCCC"></div>
          <p class="clipboard">#CCCCCC</p>
        </div>
      </div>
      <div class="refer">
        <h2 class="title">柔和色Pastels:</h2>
        <div class="block row-1-6">
          <div class="card" style="background-color: #666666"></div>
          <p class="clipboard">#666666</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #666699"></div>
          <p class="clipboard">#666699</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #6666CC"></div>
          <p class="clipboard">#6666CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #6666FF"></div>
          <p class="clipboard">#6666FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #669966"></div>
          <p class="clipboard">#669966</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #669999"></div>
          <p class="clipboard">#669999</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #6699CC"></div>
          <p class="clipboard">#6699CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #6699FF"></div>
          <p class="clipboard">#6699FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66CC66"></div>
          <p class="clipboard">#66CC66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66CC99"></div>
          <p class="clipboard">#66CC99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66CCCC"></div>
          <p class="clipboard">#66CCCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66CCFF"></div>
          <p class="clipboard">#66CCFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66FF66"></div>
          <p class="clipboard">#66FF66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66FF99"></div>
          <p class="clipboard">#66FF99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66FFCC"></div>
          <p class="clipboard">#66FFCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #66FFFF"></div>
          <p class="clipboard">#66FFFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #996666"></div>
          <p class="clipboard">#996666</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #996699"></div>
          <p class="clipboard">#996699</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #9966CC"></div>
          <p class="clipboard">#9966CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #9966FF"></div>
          <p class="clipboard">#9966FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #999966"></div>
          <p class="clipboard">#999966</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #999999"></div>
          <p class="clipboard">#999999</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #9999CC"></div>
          <p class="clipboard">#9999CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #9999FF"></div>
          <p class="clipboard">#9999FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99CC66"></div>
          <p class="clipboard">#99CC66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99CC99"></div>
          <p class="clipboard">#99CC99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99CCCC"></div>
          <p class="clipboard">#99CCCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99CCFF"></div>
          <p class="clipboard">#99CCFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99FF66"></div>
          <p class="clipboard">#99FF66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99FF99"></div>
          <p class="clipboard">#99FF99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99FFCC"></div>
          <p class="clipboard">#99FFCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #99FFFF"></div>
          <p class="clipboard">#99FFFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC6666"></div>
          <p class="clipboard">#CC6666</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC6699"></div>
          <p class="clipboard">#CC6699</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC66CC"></div>
          <p class="clipboard">#CC66CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC66FF"></div>
          <p class="clipboard">#CC66FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC9966"></div>
          <p class="clipboard">#CC9966</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC9999"></div>
          <p class="clipboard">#CC9999</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC99CC"></div>
          <p class="clipboard">#CC99CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CC99FF"></div>
          <p class="clipboard">#CC99FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCCC66"></div>
          <p class="clipboard">#CCCC66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCCC99"></div>
          <p class="clipboard">#CCCC99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCCCCC"></div>
          <p class="clipboard">#CCCCCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCCCFF"></div>
          <p class="clipboard">#CCCCFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCFF66"></div>
          <p class="clipboard">#CCFF66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCFF99"></div>
          <p class="clipboard">#CCFF99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCFFCC"></div>
          <p class="clipboard">#CCFFCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #CCFFFF"></div>
          <p class="clipboard">#CCFFFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF6666"></div>
          <p class="clipboard">#FF6666</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF6699"></div>
          <p class="clipboard">#FF6699</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF66CC"></div>
          <p class="clipboard">#FF66CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF66FF"></div>
          <p class="clipboard">#FF66FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF9966"></div>
          <p class="clipboard">#FF9966</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF9999"></div>
          <p class="clipboard">#FF9999</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF99CC"></div>
          <p class="clipboard">#FF99CC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FF99FF"></div>
          <p class="clipboard">#FF99FF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFCC66"></div>
          <p class="clipboard">#FFCC66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFCC99"></div>
          <p class="clipboard">#FFCC99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFCCCC"></div>
          <p class="clipboard">#FFCCCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFCCFF"></div>
          <p class="clipboard">#FFCCFF</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFFF66"></div>
          <p class="clipboard">#FFFF66</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFFF99"></div>
          <p class="clipboard">#FFFF99</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFFFCC"></div>
          <p class="clipboard">#FFFFCC</p>
        </div>
        <div class="block row-1-6">
          <div class="card" style="background-color: #FFFFFF"></div>
          <p class="clipboard">#FFFFFF</p>
        </div>
      </div>
    

</body>
</html>